<template>
  <div class="one-con">
    <p>{{ num }}</p>
    <button @click="num++">+</button>
  </div>
</template>

<script>
// 第二步：发送事件组件  导入事件总线
import BusCon from "@/utils/EventBus";
export default {
  data() {
    return {
      num: 10,
    };
  },
  watch: {
    // 发送消息
    num: {
      handler(newVal) {
        console.log("发送消息", newVal);
        BusCon.$emit("sendMsg", newVal);
      },
    },
  },
};
</script>

<style>
.one-con {
  width: 500px;
  height: auto;
}
</style>